<!--带有put或input的是需要插入内容 -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/css.css" rel="stylesheet" type="text/css"/>
        <link href="css/reset.css" rel="stylesheet" type="text/css"/>
     
    </head>
<body class="body">
    <div class="Navigation">导航栏</div>
   
        <div class="detail-header">失物招领详细</div>   
    <div class="detail">
        <div class="detail-photo">
            <div class="detail-photo-photo" id="yu">图片</div>
            <div class="detail-photo-left" onclick="detailleft()" ><</div>
            <div class="detail-photo-right" onclick="detailright()">></div>
            <div id="k">
                <div id="k1" onclick="k1()"></div>
                <div id="k2" onclick="k2()"></div>
                <div id="k3" onclick="k3()"></div>
                <div id="k4" onclick="k4()"></div>
            </div>
        </div>
        <div class="detail-body1">
            <div class="detail-body1-yuan"></div>
            <div class="detail-body1-text1">物品信息</div>
            <div class="detail-body1-text2">标题：</div>
            <div class="detail-body-put1">捡到一个白色耳机</div>
            <div class="detail-body1-text3">物品编号：</div>
            <div class="detail-body-put2">3785</div>
            <div class="detail-body1-text4">类别：</div>
            <div class="detail-body-put3">电子产品-耳机</div>
            <div class="detail-body1-text5">拾取地点：</div>
            <div class="detail-body-put4">西餐厅正门前</div>
            <div class="detail-body1-text6">详情：</div>
            <div class="detail-body-put5">捡到一个白色耳机，上面贴有皮卡丘贴纸和耳机套</div>
            <div class="detail-body1-text7">拾取日期：</div>
            <div class="detail-body-put6">2月21日</div>
            <div class="detail-body1-text8">认领状态：</div>
            <div class="detail-body-put7">已被认领</div>
        </div>
        <div class="detail-body2">
            <div class="detail-body2-yuan"></div>
            <div class="detail-body2-text1">发布者以及发布日期</div>
            <div class="detail-body2-text2">发布者：</div>
            <div class="detail-body2-put1">李同学</div>
            <div class="detail-body2-text3">发布日期：</div>
            <div class="detail-body2-put2">2月22号</div>
        </div>
        <div class="detail-body3">
            <div class="detail-body3-center" onclick="">我要认领</div>
            <div class="detail-body3-text1">相似物品</div>
        </div>
        <div class="detail-bottom">
            <div class="detail-bottom-photo1"><!-- 下面的这些text和input都需要插入内容 -->
                <div class="detail-bottom-input1">图片</div><!-- 插入图片，插入后删除图片二字 -->
                <div class="detail-bottom-photo-text1">类别</div>
                <div class="detail-bottom-photo-input2">等待认领</div><!--带有put或input的是需要插入内容 -->
                <div class="detail-bottom-photo-text2">物品信息描述</div>
                <div class="detail-bottom-photo-text3">拾取人</div>
                <div class="detail-bottom-photo-input3">拾取日期</div><!--带有put或input的是需要插入内容 -->
                <div class="detail-bottom-photo-text4">地点</div>
                <div class="detail-bottom-photo-input4">发布日期</div><!--带有put或input的是需要插入内容 -->
            </div>
            <div class="detail-bottom-photo2">
                <div class="detail-bottom-input1">图片</div><!-- 插入图片，插入后删除图片二字 -->
                <div class="detail-bottom-photo-text1">类别</div>
                <div class="detail-bottom-photo-input2">等待认领</div><!--带有put或input的是需要插入内容 -->
                <div class="detail-bottom-photo-text2">物品信息描述</div>
                <div class="detail-bottom-photo-text3">拾取人</div>
                <div class="detail-bottom-photo-input3">拾取日期</div><!--带有put或input的是需要插入内容 -->
                <div class="detail-bottom-photo-text4">地点</div>
                <div class="detail-bottom-photo-input4">发布日期</div><!--带有put或input的是需要插入内容 -->
            </div>
            <div class="detail-bottom-photo2">
                <div class="detail-bottom-input1">图片</div><!-- 插入图片，插入后删除图片二字 -->
                <div class="detail-bottom-photo-text1">类别</div>
                <div class="detail-bottom-photo-input2">等待认领</div><!--带有put或input的是需要插入内容 -->
                <div class="detail-bottom-photo-text2">物品信息描述</div>
                <div class="detail-bottom-photo-text3">拾取人</div>
                <div class="detail-bottom-photo-input3">拾取日期</div><!--带有put或input的是需要插入内容 -->
                <div class="detail-bottom-photo-text4">地点</div>
                <div class="detail-bottom-photo-input4">发布日期</div><!--带有put或input的是需要插入内容 -->
            </div>
            <div class="detail-bottom-photo2">
                <div class="detail-bottom-input1">图片</div><!-- 插入图片，插入后删除图片二字 -->
                <div class="detail-bottom-photo-text1">类别</div>
                <div class="detail-bottom-photo-input2">等待认领</div><!--带有put或input的是需要插入内容 -->
                <div class="detail-bottom-photo-text2">物品信息描述</div>
                <div class="detail-bottom-photo-text3">拾取人</div>
                <div class="detail-bottom-photo-input3">拾取日期</div><!--带有put或input的是需要插入内容 -->
                <div class="detail-bottom-photo-text4">地点</div>
                <div class="detail-bottom-photo-input4">发布日期</div><!--带有put或input的是需要插入内容 -->
            </div>
            <div class="detail-bottom-left" onclick=""><</div>
            <div class="detail-bottom-right" onclick="">></div>
        </div>
    </div>
    
</body>
<script src="js/js.js"></script>


</html>